<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>相对定位对象会占据原有位置</title>
<style type="text/css">
<!--
body {
	margin: 0px;
	font-size: 9pt;
	line-height: 12pt;
	margin-top: 100px;
	margin-left: 100px;

}

.box {
	background-color: #3CF;
/* 	height: 200px; */
	width: 200px;
/* 	padding:10px; */
	border:1px solid white;
}

.smallbox {
	background-color: #6C6;
	height: 100px;
	width: 100px;
	margin:10px;

}
-->
</style>
</head>

<body>
	<div class="box">
		<div class="smallbox">
			第1个子盒子无法使用margin-top解决方案：在父层加一个边框即可
		</div>

	</div>



</body>
</html>






